@charset "utf-8";

/* Icon */
.tabsHeader li.main a span span, #taskbar li .taskbutton span { background:url(images/icon.png) no-repeat;}

/* Panel */
.panel,
.panel .panelHeader, .panel .panelHeaderContent, .panel .panelHeaderContent h1,
.panel .panelFooter, .panel .panelFooterContent {}
.panel .expandable, .panel .collapsable { background:url(images/panel/panel_icon.png) no-repeat;}
.panel .panelHeaderContent h1 { color:#183152; }
.panel .panelContent { border-color: #d8dfe5;background: #fff;}

.panel .grid { border-color:#d8dfe5;}

.disableSelection {
	-moz-user-select:none;/*火狐*/
	-webkit-user-select:none;/*webkit浏览器*/
	-ms-user-select:none;/*IE10*/
	-khtml-user-select:none;/*早期浏览器*/
	user-select:none;
}

/* Tabs */
.tabs, .tabsHeader, .tabsHeaderContent,
.tabs .tabsHeader ul, .tabs .tabsHeader li, .tabs .tabsHeader li a, .tabs .tabsHeader li span,
.tabs .tabsFooter, .tabs .tabsFooterContent { }

.tabs .tabsHeader li a { color:#03408b;}
.tabs .tabsHeader li span { color:#183152;}
.tabs .tabsContent { border-color: #d8dfe5;background: #fff;}

/* TabsPage */
/*.tabsPage .tabsPageHeader, .tabsPage .tabsPageHeader li, .tabsPage .tabsPageHeader li a, .tabsPage .tabsPageHeader li span { background:url(./images/tabs/tabspage.png) no-repeat;}*/
.tabsPage .tabsPageHeader { background-color:#eff3f7;}
.tabsPage .tabsPageHeader { border-color:#d9dfe5;}
.tabsPage .tabsPageHeader li{border-color: #d9dfe5;}
.tabsPage .tabsPageHeader li a { color:#183152;}
.tabsPage .tabsPageHeader li .close,
.tabsPage .tabsPageHeader li.hover .close,
.tabsPage .tabsPageHeader li.selected .close { background:url(images/tabs/tabspage_icon.png) no-repeat;}
.tabsPage .tabsLeft, .tabsPage .tabsRight, .tabsPage .tabsMore { background:url(images/tabs/tabscontrol.png) no-repeat;}
.tabsPage .tabsMoreList { border-color:#e2e9ee; background:#FFF;}
.tabsPage .tabsMoreList li {border-color: #e2e9ee;}
.tabsPage .tabsPageContent { border-color:#e4e9eb; background:#FFF;}

/* Alert */
.alert .alertFooter, .alert .alertFooter_r, .alert .alertFooter_c { background: #fff;border-color: #d9dfe5;}
.alert .alertContent { border-color: #d9dfe5;background: #fff;}
.alert .warn .alertInner { border-color:#e83e09; background:#fefacf;}
.alert .error .alertInner { border-color:#e50000; background:#fffdcf;;}
.alert .correct .alertInner, .alert .info .alertInner { border-color:#b8d0d6; background:#fefacf;}
.alert .confirm .alertInner { border-color:#b8d0d6; background:#fefacf;}
.alert h1 { border-color:#CCC; background:url(images/alert/alertpanel_icon.png) no-repeat;}

/* Dialog */
.dialog .dialogHeader, .dialog .dialogHeader_r, .dialog .dialogHeader_c,
.dialog .dialogFooter, .dialog .dialogFooter_r, .dialog .dialogFooter_c {}
.dialog .dialogHeader h1, .dialog .dialogHeader .close, .dialog .dialogHeader .maximize, .dialog .dialogHeader .restore, .dialog .dialogHeader .minimize, .resizable_f_r { background:url(images/dialog/dialogpanel_icon.png) no-repeat;}
.dialog .dialogHeader h1 { color:#fff;}
.dialog .dialogContent {  background:#fff;}

.resizable { border-color:#081629; background:#c3d7dc;}

/* Shadow */
.shadow .shadow_h_l { background:url(images/shadow/shadow_h_l.png) no-repeat;}
.shadow .shadow_h_r { background:url(images/shadow/shadow_h_r.png) no-repeat;}
.shadow .shadow_h_c { background:url(images/shadow/shadow_h_c.png) repeat-x;}
.shadow .shadow_c_l { background:url(images/shadow/shadow_c_l.png) repeat-y;}
.shadow .shadow_c_r { background:url(images/shadow/shadow_c_r.png) repeat-y;}
.shadow .shadow_c_c { background:url(images/shadow/shadow_c_c.png) repeat;}
.shadow .shadow_f_l { background:url(images/shadow/shadow_f_l.png) no-repeat;}
.shadow .shadow_f_r { background:url(images/shadow/shadow_f_r.png) no-repeat;}
.shadow .shadow_f_c { background:url(images/shadow/shadow_f_c.png) repeat-x;}

/* Tree */
.tree div div { background:url(images/tree/tree.png) no-repeat;}
.tree .folder_collapsable, .tree .folder_expandable, .tree .file { background:url(images/tree/folder.png) no-repeat;}
.tree .checked, .tree .unchecked, .tree .indeterminate, .tree .selfchecked { background:url(images/tree/check.png) no-repeat;}
.tree ul { background:#FFF;}
.tree li a, .tree li span { color:#183152;}
.tree .hover { background:#f5f5f5;}
.tree .selected { background-color: #e8edf3;}

.tree .only_expandable { background:url(images/tree/treeNode.png) no-repeat scroll 3px 3px;}
.tree .only_collapsable { background:url(images/tree/treeNode.png) no-repeat scroll 3px -47px;}

/* TreeMenu */
.treeMenu .hover { background:#289be5;}
.treeMenu .hover a{color:#fff}
.treeMenu .selected { background-color:#289be5;}
.treeMenu .selected a{color:#fff}
.treeMenu .collapsable { background:url(images/accordion/accordion.png);}
.treeMenu .first_collapsable {background:url(images/accordion/accordion.png);}
.treeMenu .last_collapsable {background:url(images/accordion/accordion.png);}

.treeMenu .expandable {background:url(images/accordion/accordion.png);}

.treeMenu .first_expandable {background:url(images/accordion/accordion.png);}
.treeMenu .last_expandable {background:url(images/accordion/accordion.png);}
.treeMenu .end_expandable { background:url(images/accordion/accordion.png);}
.treeMenu .end_collapsable { background:url(images/accordion/accordion.png);}
/* Accordion */
.accordion , .accordion .accordionHeader h2, .accordion .accordionHeader h2 span { color:#183152; background:url(images/accordion/accordion.png);}
.accordion { border-color:#b8d0d6; background:#FFF;}
.accordion .accordionHeader { background-color:#f2f5f7;}
.accordion .accordionContent { border-color: #e4e9eb;background-color: #e3ebee;}

/* Grid */
.toolBar span, .order-icon,
.pagination, .pagination li.hover, .pagination li.hover a, .pagination li span,
.pagination li.disabled span span,
.gridCol a.viewOrder, .gridCol a.editOrder, .gridCol a.viewOrderPlan, .gridCol a.editOrderPlan,
.panelBar .line, .pagination li.jumpto, .pagination li.jumpto .goto { background:url(images/grid/grid.png) no-repeat;}
.panelBar .toolBar a.open span { background: url("images/grid/open.png") no-repeat scroll 0px 5px;}

.gridCol a.viewOrder, .gridCol a.editOrder, .gridCol a.viewOrderPlan, .gridCol a.editOrderPlan {height: 20px; width: 16px; position: absolute; top: 50%; margin-top: -10px; cursor: pointer; background-color: #CAC5D1; z-index: 10;}
.gridCol a.viewOrderPlan {background-position: -472px -746px;}
.gridCol a.editOrderPlan {background-position: -473px -797px;}
.gridCol a.viewOrder {height: 16px; right: 2px; height: 20px; right: 1px; margin-top: -10px; background-position: -472px -744px;}
.gridCol a.editOrder {height: 16px; right: 2px; height: 20px; right: 1px; margin-top: -10px; background-position: -473px -797px;}

.panelBar { border-color: #d9dfe5;background-color: #f2f5f7;}

.grid .gridHeader { background:#EEE;}
.grid { background:#FFF;border-color:#d8dfe5;border-style: solid;}
.grid table { border-color:#d8dfe5;}
.grid .gridHeader th { border-color:#dfe4e8; background-color: #fafcfc;color: #797e80;font-weight: bold;height: 26px;}
.grid .gridHeader { border-color:#dfe4e8; background-color: #fafcfc;color: #797e80;font-weight: bold;height: 27px;}
.grid table th div { border-left-color:#EEE; border-right-color:#d0d0d0;}
.grid table td { border-color:#f7f7f7;}

.grid .resizeMarker, .grid .resizeProxy { background:url(images/grid/resizeCol.png) repeat-y;}

.grid .gridHeader th.hover, .grid .gridHeader th.thSelected { border-color:#aaccf6; }
.grid .gridTbody .gridRowBg { background:#f7f7f7;}
.grid .gridTbody .gridRow { border-color:#ededed;}
.grid .gridTbody .gridRow td.tdLast { border-color:#ededed;}
.grid .gridTbody .hover { border-color:#dddddd; background:#f5fafa;}
.grid .gridTbody .hover td div{color:#289be5;}
.grid .gridTbody .hover .tdSelected { background:#f5f5f5;}
.grid .gridTbody .selected { border-color: #f7f7f7;background: #d2eafa;}
.grid .gridTbody .selected .tdSelected { background:#e8edf3;}
.grid .gridTbody .tdSelected { background:#f8f8f8;}
.grid .error{background:#ffffff;}

/* ProgressBar */
.progressBar { border:solid 2px #86a5ad; background:#FFF url(images/progressBar/progressBar_m.gif) no-repeat 10px 10px;}

/* ----------------------------------------------------------------- Form */
/* TextInput */
.textInput, input.focus, input.required, input.error, input.readonly, input.disabled,
textarea.focus, textarea.required, textarea.error, textarea.readonly, textarea.disabled { background:url(images/form/input_bg.png) no-repeat scroll;}

.textInput, .textArea { border-color:#d9dfe5; background-color:#FFF;}
input.white{background-color:#fff;}
input.required, textarea.required {}
input.error, textarea.error { border-color:#e9573f;}
input.focus, textarea.focus { border-color:#289be5; background-color:#fff;}
input.readonly, textarea.readonly { border-color:#c3cad1; background-color:#e6eaed; color:#84888A!important;}
input.disabled, textarea.disabled { border-color:#9eabb3 #d5dbdf #d5dbdf #9eabb3; background-color:#F6F6F6;}

.inputButton, .inputDateButton { background:url(images/form/input_bt.png) no-repeat;}

/* Button */


.button span, .buttonDisabled span, .buttonActive span,
.button .buttonContent, .buttonHover, .buttonHover .buttonContent,
.buttonActive .buttonContent, .buttonDisabled .buttonContent,
.button button, .buttonHover button,
.buttonActive button, .buttonDisabled button { color:#fff;}

.buttonActiveGrey  button{color:#666;}

.buttonDisabled span, .buttonDisabled:hover span,
.buttonDisabled button { color:#b6bdbf;}

/* ----------------------------------------------------------------- Pages */
/* Layout */
body, #splitBar { background:#f;}
#splitBarProxy { border-color:#c0c0c0; background:#CCC;}


#header { background-color:#137cc0;}
#header .logo { background:url(images/index-logo.png) center no-repeat;}
#header .nav .messageLi { background:url(images/listLine.png) no-repeat;}
#header .nav li a { color:#edeff2;font-family: Microsoft YaHei, sans-serif;}
#header .nav span{background: url(images/logininfo.png) no-repeat;}
#header .themeList li div { background:url(images/themeButton.png) no-repeat;}
#header .nav  .userMoreList{
border-color: #137cc0;
background: #FFF;}
#header .nav  .userMoreList li{border-color: #e2e9ee;}
.toggleCollapse, .toggleCollapse div { background:url(images/layout/toggleSidebar.png) no-repeat;}
.toggleCollapse { border-style:solid; border-width:1px 1px 0 1px; border-color: #e4e9eb;background-color: #ced6d9;}
.toggleCollapse h2 { color:#183152;}
#sidebar_s .collapse { border:solid 1px #b8d0d6; background:#eff5f6;}
#sidebar_s .collapse:hover { background:#f5f9fa;}

#taskbar, #taskbar li, #taskbar li .taskbutton { background:url(images/layout/taskbar.png) no-repeat;}
#taskbar .close, #taskbar .restore, #taskbar .minimize { background:url(images/layout/taskbar_icon.png) no-repeat;}
#taskbar li .taskbutton span { color:#FFF;}
#taskbar .taskbarLeft, #taskbar .taskbarRight { background:url(images/layout/taskbar_control.png) no-repeat;}

/* Menu */
#navMenu, #navMenu li, #navMenu li.selected a, #navMenu li.selected span { background:url(images/menu/menu.png) no-repeat;}
#navMenu { background-color:#1871dd; }
#navMenu li a, #navMenu li span { color:#FFF; }
#navMenu li.selected span { color:#000; }

/* Homepage */
.sidebarContent { display:block; overflow:auto; height:500px; border:solid 1px #86B4EC; background:#FFF;}
.accountInfo { display:block; overflow:hidden; height:60px; padding:0 10px; /* background:url(./images/account_info_bg.png) repeat-x */}
.accountInfo p { padding:8px 0 0 0; line-height:19px;}
.accountInfo p span { font-size:14px; font-weight:bold;}
.accountInfo .right { float:right; padding-right:10px; text-align:right;}
.accountInfo .alertInfo { float:right; width:300px; height:60px; padding-left:10px; border-left:solid 1px #accdf4;}
.accountInfo .alertInfo h2 { padding:8px 0; line-height:17px;}
.accountInfo .alertInfo a { padding:6px 0 0 0; line-height:21px;}

/* Pages */
.pageForm .inputInfo { color:#999;}

/* Pages dialog */
.dialog .pageHeader, .dialog .pageContent { border-color:#b8d0d6;}
.dialog .pageContent .pageFormContent { border-color:#b8d0d6; background:#FFF;}

/* Pages default */
.page .pageHeader, .formBar { }
.page .searchBar label { color:#666;}

/* Pages Form */
.formBar { border-color:#b8d0d6;}
.divider { border-color:#b8d0d6;}

/* combox */
.combox .select a  { color:#183152; }
.comboxop { border-color:#B8D0D6; }
.combox, .combox div, .combox div a { background:url(images/search-bg.gif) no-repeat; }

li.advancedQuery > * {cursor: pointer;}
li.advancedQuery span{background:url(images/arrow-down.png) no-repeat;}
li.advancedQuery.expand span{background:url(images/arrow-up.png) no-repeat; background-position: 0px 10px;}

div.hideQuery span{background:url(images/arrow-up.png) no-repeat;}
div.hideQuery span.show{background:url(images/arrow-down.png) no-repeat;}

#popHead .close {background: url(images/dialog/dialogpanel_icon.png) no-repeat;}
#popIntro .messageTip
{
background: url(images/messageicon.png) no-repeat;
}

.arrow-down{
	 background: url(images/arrow-down.png) no-repeat;
}   

.arrow-up{
	 background: url(images/arrow-up.png) no-repeat;
}   


